import { default as TriggerIcon } from '@/assets/svgs/trigger.svg?react';
import { default as ThemeIcon } from '@/assets/svgs/theme.svg?react';
export { default as RestorationIcon } from '@/assets/svgs/restoration.svg?react';
export { default as LocationIcon } from '@/assets/svgs/location.svg?react';
export { default as DanmakuOpenIcon } from '@/assets/svgs/danmaku-open.svg?react';
export { default as DanmakuCloseIcon } from '@/assets/svgs/danmaku-close.svg?react';
export { default as DanmakuSettingIcon } from '@/assets/svgs/danmaku-setting.svg?react';
export { default as DanmakuIcon } from '@/assets/svgs/danmaku.svg?react';
export { default as DanmakuEmojiIcon } from '@/assets/svgs/danmaku-emoji.svg?react';
export { default as NoteIcon } from '@/assets/svgs/note.svg?react';
export { default as PhoneIcon } from '@/assets/svgs/phone.svg?react';
export { default as DrawIcon } from '@/assets/svgs/draw.svg?react';
export { default as DragHandleIcon } from '@/assets/svgs/drag-handle.svg?react';
export { default as DrawPointIcon } from '@/assets/svgs/draw-point.svg?react';
export { default as DrawLineIcon } from '@/assets/svgs/draw-line.svg?react';
export { default as DrawPolyIcon } from '@/assets/svgs/draw-poly.svg?react';
export { default as CodeIcon } from '@/assets/svgs/code.svg?react';
export { default as HighlighterIcon } from '@/assets/svgs/highlighter.svg?react';
export { default as AiIcon } from '@/assets/svgs/ai.svg?react';
export { default as EnterIcon } from '@/assets/svgs/enter.svg?react';
export { default as DigestIcon } from '@/assets/svgs/digest.svg?react';
export { default as ExplainIcon } from '@/assets/svgs/explain.svg?react';
export { default as SummarizeIcon } from '@/assets/svgs/summarize.svg?react';
export { default as PencilIcon } from '@/assets/svgs/pencil.svg?react';
export { default as TranslateIcon } from '@/assets/svgs/translate.svg?react';
export { default as AddIcon } from '@/assets/svgs/add.svg?react';
export { default as RemoveIcon } from '@/assets/svgs/remove.svg?react';
export { default as MarkerOutline1Icon } from '@/assets/svgs/marker-outline1.svg?react';
export { default as MarkerOutline2Icon } from '@/assets/svgs/marker-outline2.svg?react';
export { default as MarkerOutline3Icon } from '@/assets/svgs/marker-outline3.svg?react';
export { default as MarkerOutline4Icon } from '@/assets/svgs/marker-outline4.svg?react';
export { default as MarkerStroke1Icon } from '@/assets/svgs/marker-stroke1.svg?react';
export { default as MarkerStroke2Icon } from '@/assets/svgs/marker-stroke2.svg?react';
export { default as MarkerStroke3Icon } from '@/assets/svgs/marker-stroke3.svg?react';
export { default as MarkerStroke4Icon } from '@/assets/svgs/marker-stroke4.svg?react';
export { default as MarkerEditIcon } from '@/assets/svgs/marker-edit.svg?react';
export { default as MarkerDeleteIcon } from '@/assets/svgs/marker-delete.svg?react';
export { default as EditGeomIcon } from '@/assets/svgs/edit-geom.svg?react';

export {
  CloseOutlined,
  LeftOutlined,
  RightOutlined,
  RotateLeftOutlined,
  RotateRightOutlined,
  SwapOutlined,
  ZoomInOutlined,
  ZoomOutOutlined,
} from '@ant-design/icons';

export const ThemeTriggerIcon = (
  props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & { triggerColor?: string; themeColor?: string },
) => {
  const { triggerColor, themeColor, ...restProps } = props;
  return (
    <div {...restProps} style={{ position: 'relative' }}>
      <ThemeIcon className="smap-theme-icon" style={{ color: themeColor }} />
      <TriggerIcon className="smap-trigger-icon" style={{ position: 'absolute', bottom: 0, right: 1, color: triggerColor }} />
    </div>
  );
};
